<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.7.1.min.js"></script>
</head>

<body>
    <!-- <div id="content">
        <span id="ele">页面元素</span>
    </div> -->
    <!-- <a href="http://www.baidu.com">百度</a>
    <input type="text" name="input" id="name"> -->
    <!-- <div style="font-size: 40px;">我是一个div</div> -->
     <ol>
        <li>第一个</li>
        <li>第二个</li>
        <li>第三个</li>
        <li>第四个</li>
     </ol>
    <script>
        //添加元素
        // $("ol").append("append");
        // $("ol").prepend("prepend");
        // $("ol").after("after");
        // $("ol").before("befor");

        //删除元素
        // $("ol").remove();
        $("ol").empty();
        // $(document).ready(function () {
        //     alert("页面加载完成")
        // });
        // $("#content").click(function () {
        //     console.log($("#name").val);
        //     $("#name").val("input22222")
        // })
        // console.log($("a").attr("href"));
        
        //获取css属性
        // console.log($("div").css("font-size"));
        // $("div").css("font-size", "16px");

    </script>
</body>

</html>